<!DOCTYPE html>
<html lang="en">

<head>
    <meta charset="UTF-8">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <meta http-equiv="X-UA-Compatible" content="ie=edge">
    <title>慢慢买</title>
    <link rel="stylesheet" type="text/css" href="../css/index.css"/>
    <link rel="stylesheet" type="text/css" href="../css/reset.css"/>
    <link rel="stylesheet" type="text/css" href="../css/bootstrap.css"/>
</head>
<script src="https://cdn.bootcdn.net/ajax/libs/jquery/3.6.0/jquery.js"></script>
<script src="../js/flexible.js"></script>
<script src="../js/index.js"></script>

<body>
    <!--头部-->
    <header id="header">
        <div class="logo">
            <a href="index.html">
                <img src="./../assets/images/header_logo.png" alt="">
            </a>
        </div>
        <div class="download">
            <a href="index.html">
                <img src="./../assets/images/header_app.png" alt="">
            </a>
        </div>
    </header>
    <!--搜索-->
    <section id="search">
        <div class="searchbox">
            <input type="text" name placeholder="请输入你想比价的商品">
        </div>
        <div class="button">
            <button >搜 索</button>
        </div>
    </section>
    <!--菜单-->
    <section id="menu">
        <div class="container clear">
            <div class="row clear">
                <div class="col clear">
                    <a href="category.html">
                        <span>
                            <img src="../assets/images/ic_search.png" alt="比价搜索">
                        </span>
                    </a>
                    <p class="in_name">比价搜索</p>
                </div>
                <div class="col clear">
                    <a href="moneyctrl.html">
                        <span>
                            <img src="../assets/images/ic_cu.png" alt="省钱控">
                        </span>
                    </a>
                    <p class="in_name">省钱控</p>
                </div>
                <div class="col clear">
                    <a href="inlanddiscount.html">
                        <span>
                            <img src="../assets/images/ic_coudanpin.png" alt="国内折扣">
                        </span>
                    </a>
                    <p class="in_name">国内折扣</p>
                </div>
                <div class="col clear">
                    <a href="baicaijia.html">
                        <span>
                            <img src="../assets/images/ic_bcj.png" alt="白菜价">
                        </span>
                    </a>
                    <p class="in_name">白菜价</p>
                </div>
                <div class="col clear">
                    <a href="moneyctrl.html">
                        <span>
                            <img src="../assets/images/haitao.png" alt="海淘折扣">
                        </span>
                    </a>
                    <p class="in_name">海淘折扣</p>
                </div>
                <div class="col clear">
                    <a href="coupon.html">
                        <span>
                            <img src="../assets/images/ic_temai.png" alt="优惠券">
                        </span>
                    </a>
                    <p class="in_name">优惠券</p>
                </div>
                <div class="col clear">
                    <a href="category.html">
                        <span>
                            <img src="../assets/images/ic_trend.png" alt="查历史价">
                        </span>
                    </a>
                    <p class="in_name">查历史价</p>
                </div>
                <div class="col clear">
                    <a href="#">
                        <span>
                            <img src="../assets/images/gengduo.png" alt="更多">
                        </span>
                    </a>
                    <p class="in_name">更多</p>
                </div>
                <div class="col clear">
                    <a href="gsproduct.html">
                        <span>
                            <img src="../assets/images/ic_coudanpin.png" alt="凑单品">
                        </span>
                    </a>
                    <p class="in_name">凑单品</p>
                </div>
                <div class="col clear">
                    <a href="category.html">
                        <span>
                            <img src="../assets/images/ic_kb.png" alt="口碑排行">
                        </span>
                    </a>
                    <p class="in_name">口碑排行</p>
                </div>
                <div class="col clear">
                    <a href="sitenav.html">
                        <span>
                            <img src="../assets/images/ic_mall.png" alt="商城导航">
                        </span>
                    </a>
                    <p class="in_name">商城导航</p>
                </div>
                <div class="col clear">
                    <a href="brandTitle.html">
                        <span>
                            <img src="../assets/images/ic_pp.png" alt="品牌大全">
                        </span>
                    </a>
                    <p class="in_name">品牌大全</p>
                </div>
            </div>
        </div>
    </section>
    <!-- 折扣推荐 -->
    <section id="discount">
        <span class="f1">超值折扣推荐</span>
        <a href="">
            <img src="./../assets/images/more.png" alt="超级折扣推荐">
        </a>
    </section>

    <!-- 商品推荐 -->
    <section id="product">
        <ul class="info">
            <li>
                    <a href="" class="clear">
                        <div class="img fl">
                            <img src="../assets/images/ic_mall.png" alt="">
                        </div>
                        <div class="infoR">
                            <div class="title">
                                <h4>加载中.....</h4>
                            </div>
                            <div class="other">
                                <span class="mall fl">京东商城 | 07-09 16:14</span>
                                <i class="iconfont icon-xiaoxi fr">3</i>
                            </div>

                        </div>
                    </a>
            </li>

        </ul>
    </section>
    <!--底部-->
    <section id="footer">
        <div class="more">
            <a href>更多优惠信息&gt;&gt;</a>
        </div>
        <div class="chart">
            <span class="chart-1">品牌排行</span>
            <a href="">
                <img src="./../assets/images/more.png" alt="超级折扣推荐">
            </a>
        </div>
        <div class="login">
            <div class="row-1">
                <a href=""><div>登录</div> </a>
                <a href=""><div>注册</div></a>
                <a href=""><div>返回顶部</div></a>
            </div>
            <div class="row-2">
                <p>
                    <a href="">手机APP下载</a>
                    <a href="">慢慢买手机版</a>
                    "--掌上比价平台"
                </p>
                <p>m.manmanbuy.com </p>
            </div>

        </div>
    </section>


    <!--js文件 注意引入的依赖关系-->
</body>
</html>
